Figma Move Tool

The Move Tool is one of the most frequently used tools in Figma. It allows designers to select layers and objects, move them around the canvas, and work with the structure of a design. When a Figma Design file is opened, the Move Tool is enabled by default and works as the primary tool for selecting and repositioning objects on the canvas.

For professional Figma learning and practical design training, explore JustAcademy Figma Training and Register for Figma Course Demo.

1. What is the Move Tool in Figma?

The Move Tool is used to select, position, and move design objects or layers within the Figma canvas. It allows designers to work with individual objects, multiple objects, groups, frames, text layers, images, components, instances, and other design elements.

The Move Tool is especially important because most design work begins with selecting an object and then changing its position, alignment, or relationship with other objects.

2. Move Tool Shortcut

The V shortcut activates the Move Tool in Figma. The Move Tool belongs to the Move tools group, which also includes the Hand and Scale tools.

3. Where is the Move Tool Located?

The Move Tool is located in the main toolbar at the top of the Figma editor. It is normally the default active tool when a Figma Design file is opened.

Figma Editor

     ↓
Top Toolbar
     ↓
Move Tools
     ↓
Move Tool
     ├── Move
     ├── Hand
     └── Scale

4. Main Purpose of the Move Tool

• Select objects on the canvas.
• Move objects from one position to another.
• Select multiple objects.
• Move groups of objects together.
• Move frames and their contents.
• Reposition text layers.
• Reposition images and shapes.
• Work with nested layers.
• Change the position of components and instances.
• Organize layouts on the canvas.

5. How to Activate the Move Tool

1. Open a Figma Design file.
2. Look at the main toolbar.
3. Select the Move Tool.
4. Alternatively, press V on the keyboard.
5. Click an object on the canvas to select it.
6. Drag the selected object to a new position.

Open Figma File

      ↓
Press V
      ↓
Move Tool Active
      ↓
Click Object
      ↓
Object Selected
      ↓
Drag Object
      ↓
Object Repositioned

6. Selecting an Object with the Move Tool

After activating the Move Tool, click an object on the canvas to select it. Figma displays a selection boundary around the selected object. The corresponding layer is also selected in the Layers panel.

Every object on the canvas has a corresponding layer in the Layers panel. Selecting a layer from the Layers panel also selects the associated object on the canvas.

Example

Canvas

┌──────────────────────────┐
│                          │
│      ┌────────────┐      │
│      │   Button   │      │
│      └────────────┘      │
│                          │
└──────────────────────────┘
          ↑
     Click Button
          ↓
     Button Selected

7. Moving an Object

To move an object, activate the Move Tool, select the object, and drag it to the desired position. The object can be moved horizontally, vertically, or diagonally.

1. Press V.
2. Click the object.
3. Hold the mouse button.
4. Drag the object.
5. Release the mouse button at the desired position.

8. Moving Objects with Arrow Keys

After selecting an object with the Move Tool, keyboard arrow keys can be used to adjust its position. This is useful when precise positioning is required.

Select Object

     ↓
Press ← → ↑ ↓
     ↓
Object Position Changes
     ↓
Repeat Until Correct Position

Arrow-key movement is useful for small positional adjustments after an object has been approximately positioned with the mouse.

9. Moving Objects with Shift

When positioning objects, holding Shift while dragging can constrain movement to a straight horizontal or vertical direction. This helps prevent accidental diagonal movement when aligning an object along one axis.

Example

Normal Drag

Object ─────────↗
         Diagonal
 
Shift + Drag
Object ─────────→
         Horizontal

10. Selecting Multiple Objects

The Move Tool can be used to select multiple objects. Hold Shift and click additional objects to add them to the selection. Clicking a selected object again while holding Shift removes it from the selection.

1. Activate the Move Tool.
2. Select the first object.
3. Hold Shift.
4. Click another object.
5. Continue selecting additional objects.
6. Move the selected objects together.

11. Selection Marquee

The Move Tool also allows you to select multiple objects by dragging a selection marquee across an area of the canvas. Objects within the selection area can be selected together.

Canvas

┌──────────────────────────────┐
│  ┌──────────────────────┐    │
│  │   Selection Area     │    │
│  │   ○   □   Text       │    │
│  │   △   Image          │    │
│  └──────────────────────┘    │
│                              │
└──────────────────────────────┘
             ↓
      Multiple Objects
          Selected

Marquee selection is particularly useful when a design contains many objects that need to be moved or edited together.

12. Moving Multiple Objects

After selecting multiple objects, the Move Tool allows them to be moved as a collection. This is useful for moving groups of UI elements such as a complete card, navigation area, form section, or dashboard section.

Example

Before:

┌──────────┐
│  Image   │
├──────────┤
│  Title   │
├──────────┤
│  Button  │
└──────────┘
 
Select All
     ↓
Move Together
     ↓
After:
          ┌──────────┐
          │  Image   │
          ├──────────┤
          │  Title   │
          ├──────────┤
          │  Button  │
          └──────────┘

13. Move Tool and Frames

Frames are containers that hold design elements such as shapes, text, images, and other layers. When a frame is selected using the Move Tool, the frame and its child content can be repositioned as a design structure.

Understanding the relationship between parent frames and child layers is important when moving objects because the object's parent relationship can change depending on where the object is moved.

14. Parent and Child Layers

Figma uses a parent-child hierarchy for nested design elements. A frame can act as a parent while buttons, text, images, and shapes inside it act as child layers.

Frame

│
├── Header
├── Image
├── Title
├── Description
└── Button

Moving the parent frame generally moves its child objects together. Selecting a child object allows that individual object to be repositioned within its parent.

15. Selecting Nested Objects

When an object is inside a group or frame, clicking it may select the parent layer first. To select a nested child layer, double-click the object or press Enter to move one level deeper into the hierarchy. This can be repeated for deeper nesting.

Frame

  ↓
Group
  ↓
Button
  ↓
Text
 
First Click
    ↓
Frame / Parent
 
Double Click or Enter
    ↓
Child Layer
 
Repeat
    ↓
Deeper Child Layer

16. Deep Select

Deep Select allows you to select a nested child or top-level object directly without repeatedly entering the hierarchy. On Mac, use the Command modifier; on Windows, use Control while clicking the desired object.

17. Selecting from the Layers Panel

Instead of clicking directly on the canvas, you can select an object from the Layers panel. This is particularly useful when several objects overlap and it is difficult to select the desired object directly.

1. Open the Layers panel.
2. Find the required layer.
3. Click the layer name.
4. The corresponding object becomes selected on the canvas.
5. Use the Move Tool to reposition it.

18. Moving Objects Between Frames

The Move Tool can also be used when reorganizing objects between frames. Figma uses parenting rules when an object is moved into or around frames. An object can become a child of a frame when moved into that frame depending on the layout and hierarchy.

Frame A

 └── Button
 
Move Button
     ↓
Frame B
 └── Button

This is useful when restructuring a UI layout, but designers should always check the Layers panel after moving nested elements.

19. Preventing Unwanted Reparenting

When moving objects around frames, Figma can automatically reparent objects based on their position. Holding the Space key while moving an object can be used to bypass the default reparenting behavior and keep the object within its current parent.

Object inside Frame

       ↓
Drag Outside Frame
       ↓
Possible Reparenting
       ↓
Hold Space
       ↓
Keep Current Parent Relationship

20. Move Tool and Position Properties

When an object is selected, its position can also be controlled through the properties available in the right sidebar. Figma represents an object's horizontal and vertical position using X and Y coordinates.

Figma also manages layer depth through the Layers panel. The order of layers controls which objects appear in front of or behind other objects.

21. Move Tool and Alignment

The Move Tool is frequently used together with Figma's alignment features. After selecting one or more objects, designers can align them horizontally or vertically to create consistent layouts.

Select Objects

      ↓
Move Tool
      ↓
Select Multiple Layers
      ↓
Align Horizontally / Vertically
      ↓
Check Spacing
      ↓
Finalize Layout

22. Move Tool vs Hand Tool

You can also temporarily activate the Hand Tool by holding the Space bar while working on the canvas.

23. Move Tool vs Scale Tool

Figma places Move and Scale together in the Move tools menu, but they perform different tasks.

24. Practical Example: Moving a Login Button

Suppose you have created a login screen containing a logo, email field, password field, and login button. If the button is too close to the password field, the Move Tool can be used to reposition it.

Login Screen

┌─────────────────────────┐
│          Logo           │
│                         │
│  Email                  │
│  [______________]       │
│                         │
│  Password               │
│  [______________]       │
│                         │
│  [ Login ]              │
└─────────────────────────┘
          ↓
Select Login Button
          ↓
Press V
          ↓
Drag Button
          ↓
Create Proper Spacing

25. Practical Example: Moving a Card

In a dashboard design, a card may contain an icon, heading, description, and button. If all elements belong to the same parent frame, moving the parent frame allows the entire card to be repositioned together.

Dashboard

├── Card 1
├── Card 2
├── Card 3
└── Card 4
 
Select Card 2
      ↓
Press V
      ↓
Drag Card 2
      ↓
Card 2 Repositioned

26. Practical Example: Moving Navigation Items

The Move Tool can be used to adjust navigation items such as Home, Products, About, Services, and Contact. Multiple items can be selected and moved together when required.

Before:

Home   Products   About   Contact
 
Select Multiple
       ↓
Move
       ↓
After:
Home      Products      About      Contact

27. Common Move Tool Workflow

1. Open Figma File

        ↓
2. Press V
        ↓
3. Select Object
        ↓
4. Check Layer
        ↓
5. Drag Object
        ↓
6. Check Position
        ↓
7. Check Parent / Child Relationship
        ↓
8. Adjust Alignment
        ↓
9. Review Final Layout

28. Common Mistakes While Using the Move Tool

• Moving the wrong layer because several objects overlap.
• Accidentally selecting a parent frame instead of a child layer.
• Moving an object into another frame unintentionally.
• Forgetting to check the Layers panel after moving nested objects.
• Using the Hand Tool when the intention is to move an object.
• Moving objects manually without checking alignment.
• Using repeated mouse movements when exact X and Y values would be more efficient.
• Accidentally changing the parent-child relationship.

29. Best Practices

• Use the V shortcut to quickly activate the Move Tool.
• Check the Layers panel when working with complex designs.
• Use Shift selection for multiple objects.
• Use deep selection when objects are heavily nested.
• Check parent-child relationships after moving objects between frames.
• Use X and Y properties when precise positioning is required.
• Use alignment tools for consistent layouts.
• Use the Space key when you need to avoid unwanted reparenting while moving objects.
• Keep layers and frames logically organized.
• Review the final layout at different zoom levels.

30. Move Tool Keyboard Shortcuts

31. Interview Questions

Q1. What is the Move Tool in Figma?

The Move Tool is used to select and move objects and layers around the Figma canvas.

Q2. What is the shortcut for the Move Tool?

The keyboard shortcut for the Move Tool is V.

Q3. What can you do with the Move Tool?

You can select objects, move objects, select multiple layers, reposition frames, and organize elements on the canvas.

Q4. How do you select multiple objects?

Select one object and hold Shift while clicking additional objects, or use a selection marquee around multiple objects.

Q5. How can you select a nested object?

You can double-click or press Enter to move one level deeper into a nested hierarchy, or use deep select with the appropriate modifier key.

Q6. What is the difference between Move and Hand tools?

The Move Tool is used to select and reposition objects, while the Hand Tool is used to pan around the canvas without selecting objects.

Q7. What happens when you move an object into a frame?

Figma may reparent the object depending on its position and the frame hierarchy. Designers should check the Layers panel after moving nested objects.

Q8. How can unwanted reparenting be prevented?

When moving an object around frames, holding the Space key can bypass the default reparenting behavior.

32. Quick Revision

33. Move Tool Learning Checklist

• Understand what the Move Tool does.
• Remember the V shortcut.
• Know how to select individual objects.
• Know how to select multiple objects.
• Practice selection marquee.
• Practice moving objects horizontally and vertically.
• Practice moving objects inside frames.
• Understand parent and child layers.
• Practice deep selection.
• Practice selecting objects from the Layers panel.
• Understand reparenting behavior.
• Practice using the Space key when required.
• Practice precise positioning using X and Y values.

34. Conclusion

The Move Tool is a fundamental Figma tool used for selecting and positioning objects and layers. It is normally enabled by default when working in a Figma Design file and can be activated quickly with the V shortcut.

To use the Move Tool effectively, designers should understand object selection, multiple selection, nested layers, parent-child relationships, frames, reparenting, alignment, and precise positioning. Once these concepts are understood, the Move Tool becomes an essential part of creating clean and well-organized UI designs.

For more Figma learning resources and practical training, visit JustAcademy Figma Training and Register for Figma Course Demo.